<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 设置meta
////////////////////////////////////////////////////////////////////////////////////////////// --%>
<%@ include file="/WEB-INF/template/include/meta.jsp"%>
	<title>三方28数据管理</title>
	
<%-- 导入样式
////////////////////////////////////////////////////////////////////////////////////////////// --%>
<%@ include file="/WEB-INF/template/include/link.jsp"%>
	<link rel="stylesheet" href="${res }/default/css/content.css" /> 
	
<%-- 导入脚本
////////////////////////////////////////////////////////////////////////////////////////////// --%>
<%@ include file="/WEB-INF/template/include/script.jsp"%>
<script src="${res }/default/js/manage.js"></script>

<%-- 页眉
////////////////////////////////////////////////////////////////////////////////////////////// --%>
<%@ include file="/WEB-INF/template/include/header.jsp"%>
	<div class="xl-content ">
		<div class="xl-content-sidebar pull-left">
			<%@ include file="/WEB-INF/template/include/menu.jsp"%>
		</div>
		
		<div class="xl-content-main">
			<form id="J_form" class="form" action="${ctx }/pc/account/manage.html" method="post">
				<div class="well">
					<h2 class="xl-form-title">账号管理</h2>
					<hr />
					<table class="table table-bordered table-striped table-hover">
						<thead>
							<tr>
								<th width="80">序号</th>
								<th >站点编号</th>
								<th >用户名</th>
								<th >密码</th>
								<th width="150">操作</th>
							</tr>
						</thead>
						<tbody>
							<c:forEach items="${pcAccounts }" var="item" varStatus="status">
							<tr>
								<td>${status.index+1 }</td>
								<td>${item.websiteId }</td>
								<td>${item.username }</td>
								<td>${item.password }</td>
								<td>
									<a href="javascript:void 0;" class="xl-operation-item fa fa-pencil-square-o" title="修改" onclick="window.app.dialog.iframe({title:'修改',url:'${ctx}/pc/account/update.html?id=${item.id}'})"></a>
									<a href="javascript:void 0;" class="xl-operation-item fa fa-list-alt" title="查看" onclick="window.app.dialog.iframe({title:'查看',url:'${ctx}/pc/account/detail.html?id=${item.id}'})"></a>
									<a href="javascript:void 0;" class="xl-operation-item fa fa-trash-o" title="删除" onclick="window.app.dialog.confirm('确定删除？',Utils.proxy(window.manage.remove,'${item.id}'))"></a>
									<a href="javascript:void 0;" class="xl-operation-item fa fa-copy" title="复制" onclick="window.app.dialog.confirm('确定复制？',Utils.proxy(window.manage.copy,'${item.id}'))"></a>
								</td>
							</tr>	
							</c:forEach>
						</tbody>
					</table>
					<div>
						<div class="pull-left">
							<button type="button" onclick="window.manage.openSearch()" class="btn btn-sm"><i class=" fa fa-search"></i>筛选</button>
							<button type="button" onclick="window.app.dialog.iframe({title:'新增',url:'${ctx}/pc/account/create.html'})" class="btn btn-sm"><i class=" fa fa-plus"></i>新增</button>
							<button type="button" onclick="window.manage.expt()" class="btn btn-sm"><i class=" fa fa-file-excel-o"></i>导出</button>
						</div>
						<%@ include file="/WEB-INF/template/include/paging.jsp"%>
						<div class="clear-right"></div>
					</div>
					<div id="J_condition_container">
						<div class="form-horizontal xl-mange-condition" id="J_condition" style="width:500px;display:none;">   
							<div class="well" >
								<h2 class="xl-form-title">筛选条件</h2> 
								<div class="form-group">
									<label class="control-label col-xs-3">站点编号</label>
									<div class="col-xs-3">
										<select class="form-control" name="websiteIdOp">
											<option value="eq" <c:if test="${websiteIdOp=='eq'}">selected="selected"</c:if>>等于</option>
											<option value="gt" <c:if test="${websiteIdOp=='gt'}">selected="selected"</c:if>>大于</option>
											<option value="lt" <c:if test="${websiteIdOp=='lt'}">selected="selected"</c:if>>小于</option>
											<option value="gte" <c:if test="${websiteIdOp=='gte'}">selected="selected"</c:if>>大于等于</option>
											<option value="lte" <c:if test="${websiteIdOp=='lte'}">selected="selected"</c:if>>小于等于</option>
										</select>
									</div>
									<div class="col-xs-5">
										<input class="form-control" type="text" name="websiteId" placeholder="站点编号" title="站点编号" value="${websiteId }"/>
									</div>
								</div> 
								<div class="form-group">
									<label class="control-label col-xs-3">用户名</label>
									<div class="col-xs-3">
										<select class="form-control" name="usernameOp">
											<option value="eq" <c:if test="${usernameOp=='eq'}">selected="selected"</c:if>>等于</option>
											<option value="contains" <c:if test="${usernameOp=='contains'}">selected="selected"</c:if>>包含</option>
										</select>
									</div>
									<div class="col-xs-5">
										<input class="form-control" type="text" name="username" placeholder="用户名" title="用户名" value="${username }"/>
									</div>
								</div> 
								<div class="form-group">
									<label class="control-label col-xs-3">密码</label>
									<div class="col-xs-3">
										<select class="form-control" name="passwordOp">
											<option value="eq" <c:if test="${passwordOp=='eq'}">selected="selected"</c:if>>等于</option>
											<option value="contains" <c:if test="${passwordOp=='contains'}">selected="selected"</c:if>>包含</option>
										</select>
									</div>
									<div class="col-xs-5">
										<input class="form-control" type="text" name="password" placeholder="密码" title="密码" value="${password }"/>
									</div>
								</div> 
								<button type="button"  class=" xl-btn-login btn-block "  onclick="window.manage.search()">筛选</button>
							</div>
						</div>
					</div>
				</div>
			</form>
		</div>
		<div class="clearfix"></div>
	</div>
	
<%-- 页脚
////////////////////////////////////////////////////////////////////////////////////////////// --%>
<%@ include file="/WEB-INF/template/include/footer.jsp"%>
